<?php

?>
<div style="font-size: 8pt;">
	<img alt="New!" border="0" align="top" src="<?= $this->baseUrl ?>/public/images/frontend/new.jpg" />&nbsp;<label class="yellow_text" style="font-weight: bold;">Hàng mới!</label>&nbsp;
	<marquee id="running_marquee" style="position: absolute; top: -1px; width: 850px;" behavior="scroll" direction="left" scrolldelay="1" scrollamount="3" onmouseover="javascript:this.stop();" onmouseout="javascript:this.start();">
		<?php
			foreach ($this->new_commods as $newCommod):
		?>
		<img src="<?= $this->baseUrl ?>/public/images/frontend/yellow_bullet.jpg" border="0" />
		<a class="tab_link2" href="#commod"><?= $newCommod->com_name ?></a>&nbsp;&nbsp;
		<?php 
			endforeach;
		?>
	</marquee>
</div>
<script type="text/javascript">
	jQuery(document).ready(function() {
		var marquee = '#running_marquee';

		if (jQuery.browser.safari) {
			jQuery(marquee).css('margin-left', '80px');
		} else if (jQuery.browser.mozilla) {
			jQuery(marquee).css('margin-left', '80px');
		} else if (jQuery.browser.msie) {
			jQuery(marquee).css('margin-left', '0px');
		} else {
			jQuery(marquee).css('margin-left', '80px');
		}
	});
</script>